<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>熊猫优选</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/index.css">
</head>

<body>
    <!-- 顶部 -->
    <div id="header">
        <div class="container clearfix">
            <a href="#/" class="logo">
                <img src="../static/images/logo.png" alt="">
                <div class="pagename">
                    <h1>熊猫优选</h1>
                    <sapn class="pinyin">XIONG&nbsp;MAO&nbsp;YOU&nbsp;XUAN</sapn>
                </div>
            </a>
            <form action="#">
                <div class="searchDiv"></div>
                <input type="text" name="search" id="search" placeholder="搜索商品，发现更多优惠">
                <div class="sbtn" onclick="search()">搜索</div>
            </form>
            <div class="promise clearfix">
                <div class="promiseItem">
                    <img src="../static/images/baoyou.png" alt="">
                    <div>全程包邮</div>
                </div>
                <div class="promiseItem">
                    <img src="../static/images/seven-day.png" alt="">
                    <div>7天退换</div>
                </div>
                <div class="promiseItem">
                    <img src="../static/images/ok.png" alt="">
                    <div>品质保障</div>
                </div>
            </div>

        </div>
    </div>

    <!-- 导航栏 -->
    <div id="nav">
        <div class="container">
            <ul class="clearfix">
                <li class="active"><a href="#">首页</a></li>
                <li><a href="#">9块9包邮</a></li>
                <li><a href="#">超值大额券</a></li>
                <li><a href="#">降温急救穿搭</a></li>
            </ul>
        </div>
    </div>

    <!-- 产品分类 -->
    <script type="text/html" id="indexPage">
        
    </script>
    <div id="productClassify">
        <div class="container clearfix">
            <div class="menu">
                <ol>
                    <li><img src="../static/images/nav-female.png" alt=""><a href="#">女装</a><a href="#">/女鞋</a></li>
                    <li><img src="../static/images/nav-man.png" alt=""><a href="#">男装</a><a href="#">/男鞋</a></li>
                    <li><img src="../static/images/nav-makeup.png" alt=""><a href="#">美妆</a><a href="#">/个护</a></li>
                    <li><img src="../static/images/nav-desc-package.png" alt=""><a href="#">配饰</a><a href="#">/箱包</a>
                    </li>
                    <li><img src="../static/images/nav-lingshi.png" alt=""><a href="#">零食王国</a></li>
                    <li><img src="../static/images/nav-mami.png" alt=""><a href="#">母婴用品</a></li>
                    <li><img src="../static/images/nav-phone.png" alt=""><a href="#">手机</a><a href="#">/数码</a></li>
                    <li><img src="../static/images/nav-bra-wazi.png" alt=""><a href="#">内衣袜子</a></li>
                    <li><img src="../static/images/nav-home-happy.png" alt=""><a href="#">文娱</a><a href="#">/家居</a></li>
                </ol>
            </div>
            <div class="activity">
                <div class="up clearfix">
                    <a href="#" class="hotProduct"><img src="../static/images/lunbo.jpeg" alt=""></a>
                    <a href="#" class="ninePacks">
                        <h4>9块9包邮</h4>
                        <div class="noLoss">保你不吃亏</div>
                        <img src="../static/images/9.9.gif" alt="">
                    </a>
                </div>
                <div class="down clearfix">
                    <a class="bannerItem">
                        <div class="desc">
                            <h4>降温急救穿搭</h4>
                            <p>速来抢购~</p>
                            <span>Go</span>
                        </div>
                        <img src="../static/images/jiangwen.png" alt="">
                    </a>
                    <a class="bannerItem">
                        <div class="desc">
                            <h4>超值大额券</h4>
                            <p>优惠直击底价</p>
                            <span>Go</span>
                        </div>
                        <img src="../static/images/reduce100.png" alt="">
                    </a>
                    <a class="bannerItem">
                        <div class="desc">
                            <p>扫码下载App</p>
                            <p>发现更多惊喜</p>
                        </div>
                        <img src="../static/images/appQR.png" alt="">
                    </a>
                </div>
            </div>
        </div>
    </div>
    <!-- 返回顶部 -->
    <div id="backTop">
        <img src="../static/images/back-top.png" alt="">
    </div>
    <!-- 小编精选 每天更新 -->
    <div id="goodSelect">
        <div class="container">
            <h3>小编精选 <span>每天更新</span> </h3>
            <div class="productsShow">
                <ul>
                    <li>
                        <img src="../static/images/product1.jpg" alt="">
                        <div class="introduce">
                            <div class="detailDesc">书包女韩版高中大学生森系小清新背包ins风日系百搭初中双肩包女</div>
                            <div class="platform clearfix">
                                <span class="taobao">淘宝</span>
                                <span class="largeCoupon">大额券</span>
                                <span class="ship">包邮 </span> </div>
                            <div class="price">
                                <span class="RMB">￥</span>29<span class="toFloat">.9</span>
                                <span class="peopleNum">74人已买</span>
                                <span class="coupon"> 10元券</span>
                            </div>
                        </div>
                    </li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 查看更多按钮 -->
    <div id="seeMore">
        查看更多
    </div>

    <!-- 页脚 -->
    <div id="footer">
        <div class="container">
            <div class="logoApp clearfix">
                <img src="../static/images/logo-footer.png" alt="">
                <div class="fontDesc">
                    <h2>熊猫优选</h2>
                    <p>年轻人网购首选</p>
                    <p> 购物领券更省钱</p>
                </div>
                <a class="download">|&emsp;下载APP</a>
            </div>
            <div class="copyReg"><img src="../static/images/gongan.png" alt="">浙公安网备案 33010602009949号 | ICP备案号:
                浙ICP备17012864号-1 | <img src="../static/images/zhengzhao.png" alt=""> 证照信息</div>
        </div>
    </div>
    <!-- 全国安全可信网站 -->
    <div id="safe">
        <div class="container">
            <a href="https://xinyong.yunaq.com/certificate?site=www.xiongmaoyouxuan.com"><img src="../static/images/safe.png" alt=""></a>
        </div>
    </div>

    <script src="../js/template-web.js"></script>
    <script src="../js/jquery-3.6.0.js"></script>
    <script src="../js/index.js"></script>
</body>

</html>